.box-sizing{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.border-radius(@x){
    border-radius: @x;
    -moz-border-radius: @x;
    -webkit-border-radius: @x;
}
@color:#0ea2ec;
body{
    background: #fff;
}
.red-dot::after{
    content: "●";
    color: red;
}
.search_result {
    font-size: .21rem;
}
.margin{
    margin-bottom: 55px;
}
.hr{
    width: 100%;
    height: .15rem;
    background: #f0f0f0;
}
.box{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    .co-option{
        div:not(.hr){
            text-align: center;
            height: .6rem;
            line-height: .6rem;
        }
    }
    .option-box{
        display: block;
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 7px #ebebeb;
        z-index: 30;
        max-height: 216px;
        overflow-y: auto;
        li>p{
            text-align: center;
            border-bottom: 1px solid #ebebeb;
            height: .6rem;
            line-height: .6rem;
            margin: 0;
        }
    }
    .Ibox{
        line-height: .9rem;
        &:extend(.box-sizing);
        .nav{
            background: white;
            a{
                color: #4e4e4e;
                font-size: .22rem;
                white-space: nowrap;
                position: relative;
                &.first{
                    color: @color;
                    &:before{
                        content: '';
                        position: absolute;
                        bottom: 0;
                        width: 46%;
                        left: 50%;
                        margin-left: -23%;
                        height: 1px;
                        background: @color;
                    }
                }
            }
        }
    }
    .my-list{
        margin-top: 10px;
        overflow-y: auto;
        dl{
            padding: .35rem 0 .02rem;
            background: white;
            border-bottom: #e9e9e9 1px solid;
            margin-bottom: 0;
            .col-xs-8{
                padding-left: 0;
            }
            dt{
                a{display: block;}
                img{
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }
            }
            dd{
                .p1{
                    display: block;
                    word-wrap: break-word;
                    overflow: hidden;
                    height: .7rem;
                    word-break: break-all;
                    font-size: .21rem;
                    color: black;
                    line-height: .35rem;
                    color: #1d1d1d;
                    text-align: justify;
                    i{
                        display: inline-block;
                        float: right;
                    }
                }
                .p2{
                    margin-top: .18rem;
                    line-height: .32rem;
                    span{
                        color: #767676;
                        font-size: .21rem;
                        vertical-align: top;
                    }
                    i{
                        display: inline-block;
                        margin-top: -.1rem;
                        float: right;
                        vertical-align: top;
                        width:1.2rem;
                        height: .4rem;
                        line-height: .39rem;
                        text-align: center;
                        font-size: .20rem;
                        color: #ff9c00;
                        border:#ff9c00 1px solid;
                        .border-radius(25px);
                        &.a2{
                            border-color:@color;
                            color: @color;
                        }
                        &.a3{
                            border-color:#d8d8d8;
                            color: #444444;
                        }
                    }
                    label{
                        vertical-align: middle;
                        float: right;
                        font-weight: normal;
                        font-size: .21rem;
                        color: #7e7e7e;
                        em{margin-right: .1rem;}
                        tt{color: #ff9c00;}
                        &.s1{
                            em{color: #ed4b4b;}
                        }
                        &.s2{
                             em{color: @color;}
                        }
                    }
                }
            }
        }
    }
    .p-btns{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        background: white;
        padding: 15px;
        width: 100%;
        .box-sizing();
        box-shadow: 0 0 5px #f1f1f1;
        -webkit-box-shadow: 0 0 5px #f1f1f1;
        -moz-box-shadow: 0 0 5px #f1f1f1;
        z-index: 99;
        a{
            display: block;
            text-align: center;
            width: 100%;
            height: .55rem;
            text-align: center;
            line-height: .56rem;
            color: white;
            font-size: .24rem;
            .border-radius(25px);
            &:not(:first-child){
                margin-left: 10px;
            }
            &.release{
                background: #ff9c00;
                &:hover{
                    background: #dd8903;
                }
            }
            &.contact{
                background: #0ea2ec;
                &:hover{
                    background: #0990d3;
                }
            }
        }
    }
    .release {
        // padding: 15px;
        // background: #f0f0f0;
        // .box-sizing();
        a{
            height: .7rem;
            line-height: .7rem;
            color: white;
            font-size: .26rem;
            background: @color;
            .border-radius(25px);
            &:hover{
                background: #0891d6;
            }
        }
    }
}
.bar-nav{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    display: flex;
    display: -webkit-flex;
    background: white;
    width: 100%;
    padding: 7px 0 4px;
    position: fixed;
    bottom: 0;
    left: 0;
    a, i{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #2c2c2c;
        &:before{
            display: block;
            font-size: 20px;
            margin-bottom: 4px;
        }
        &.first i{
            color: @color;
        }
     }
}
.details{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    margin-bottom: 62px;
    .head{
         padding: 15px;
        .box-sizing();
        background: white;
        .my-h3{
            margin-top: 0;
            font-size: .24rem;
            color: #282828;
            display: flex;
            display: -webkit-flex;
            line-height: .35rem;
            .name{
                flex: 2.5;
                word-break: break-all;
                word-wrap: break-word;
            }
           
        }
        .p1{
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin: .3rem 0;
            span{
                font-size: .38rem;
                color: #ff9c00;
            }
            em{
                margin-top: -.12rem;
                font-size: .22rem;
                width: 1.3rem;
                height: .5rem;
                background: #f0f0f0;
                text-align: center;
                line-height: .54rem;
                .border-radius(25px);
                color: #2b2b2b;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        .p2{
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            font-size: .22rem;
            color: #919191;
            .time{
                text-align: right;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                // flex: 1;
                i{
                    color: red;
                    margin: 0 1px;
                }
            }
        }
        .tabs{
            margin-top: .25rem;
            .title{
                display: flex;
                display: -webkit-flex;
                flex-wrap: nowrap;
                -webkit-flex-wrap: nowrap;
                a{
                    display: block;
                    width: 100%;
                    height: .5rem;
                    text-align: center;
                    line-height: .52rem;
                    border: @color 1px solid;
                    font-size: .22rem;
                    color: @color;
                    white-space: nowrap;
                    overflow: hidden;
                    &.active{
                        background: @color;
                        color: white;
                    }
                }
            }
        }
    }
    .content-box{
        background: white;
        .tabs-1{
            overflow: hidden;
            .hr{
                margin:.15rem 0;
            }
            .msg{
                margin: 0 15px;
                overflow-x: auto;
                .msg2{
                    width: 10000px;
                    p {
                        line-height: 1rem;
                        height: 1rem;
                        font-size: .4rem;
                        color: #f0f0f0
                    }
                }
                dl{
                    width: 165px;
                    float: left;
                    text-align: center;
                    overflow: hidden;
                    &.first{
                        .s1{
                            background: @color;
                        }
                        .s2{
                            color: @color;
                        }
                    }
                   dt{
                       font-weight: normal;
                       font-size: .24rem;
                       color: #868686;
                   }
                   dd{
                       line-height: .35rem;
                       .s1{
                           display: inline-block;
                           font-size: .26rem;
                           width: .5rem;
                           height: .5rem;
                           .border-radius(50%);
                           background: #bdbdbd;
                           color: white;
                           text-align: center;
                           line-height: .54rem;
                           margin: .15rem 0;
                       }
                       .s2{
                           font-size: .2rem;
                           color: #2b2b2b;
                       }
                    }
                }
                @media screen and (min-width:320px){
                    dl{
                         width: 96.6px !important;
                     }
                 }
                 @media screen and (min-width:360px){
                    dl{
                         width: 110px !important;
                     }
                 }
                 @media screen and (min-width:375px){
                    dl{
                         width: 115px !important;
                     }
                 }
                 @media screen and (min-width:412px){
                    dl{
                         width: 127.3px !important;
                     }
                 }
                 @media screen and (min-width:414px){
                    dl{
                         width: 128px !important;
                     }
                 }
                 @media screen and (min-width:640px) {
                    dl{
                         width: 203.3px !important;
                     }
                 }
            }
            .list-box{
                position: relative;
                padding: .34rem 15px;
                border-bottom: #e9e9e9 1px solid;
                .hd-msg{
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    font-size: .22rem;
                    color: #767676;
                    em{ color: @color; }
                }
                .list{
                    font-size: .22rem;
                    margin-top: .15rem;
                    div{
                        margin: .25rem 0 .18rem;
                        text-align: justify;
                        line-height: .35rem;
                    }
                    p{
                        text-align: justify;
                        line-height: .4rem;
                    }
                }
            }
        }
        .tabs-2{
            padding:0 15px;
            overflow: hidden;
            color: #2b2b2b;
            h3{
                margin-top: 5px;
                font-weight: normal;
                font-size: .26rem;
                text-align: center;
            }
            p{
                font-size: .22rem;
                text-align: justify;
                line-height: .38rem;
            }
            .revision {
                border-top: 1px #ccc solid;
                padding: 4px 0;
                .p2 {
                    text-align: right;
                    i:first-child {padding: 0 8px;}
                }
            }
        }
        .tabs-3{
            overflow: hidden;
            .tabs-3-list{
                border-bottom: #e9e9e9 1px solid;
                padding: .3rem 15px;
                font-size: .22rem;
                line-height: .4rem;
                .p1{
                    span{color: #2b2b2b;margin-right: .15rem;}
                    em{color: #919191;font-size: .2rem;}
                }
                .p2{
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    i{color: red;}
                    .s2{color: #919191;}
                }
            }
        }
        .tabs-4{
            padding: 0 15px;
            font-size: .22rem;
            overflow: hidden;
            color: #2b2b2b;
            p{
                margin: 10px 0;
            }
            .bs-list{
                .evaluate{
                    line-height: .6rem;
                    display: flex;
                    display: -webkit-flex;
                    width: 100%;
                    .bs{
                        width: 30%;
                    }
                    .bt{
                        font-size: .3rem;
                        letter-spacing: 10px;
                        width: 70%;
                    }
                }
            }
            .textarea{
                margin: .15rem 0 .3rem;
                textarea{
                    text-align: justify;
                    width: 100%;
                    height: 100px;
                    padding: 10px;
                    line-height: .35rem;
                }
            }
        }
        .tabs-5{
            padding: .15rem 15px;
            font-size: .22rem;
            color: #2b2b2b;
            i{
                margin: 0 5px;
            }
        }
        .tabs-subp{
            // padding: .15rem 15px;
            // font-size: .22rem;
            color: #2b2b2b;
            .my-list{
                margin-top: 10px;
                overflow-y: auto;
                dl{
                    padding: .2rem 0 .3rem;
                    background: white;
                    border-bottom: #e9e9e9 1px solid;
                    margin-bottom: 0;
                    .col-xs-8{
                        padding-left: 0;
                    }
                    dt{
                        a{display: block;}
                        img{
                            width: 100%;
                            height: auto;
                            vertical-align: top;
                        }
                    }
                    dd{
                        .p1{
                            display: block;
                            word-wrap: break-word;
                            overflow: hidden;
                            height: .7rem;
                            word-break: break-all;
                            font-size: .21rem;
                            color: black;
                            line-height: .35rem;
                            color: #1d1d1d;
                            text-align: justify;
                        }
                        .p2{
                            margin-top: .18rem;
                            line-height: .32rem;
                            span{
                                color: #767676;
                                font-size: .21rem;
                                vertical-align: top;
                            }
                            i{
                                display: inline-block;
                                margin-top: -.1rem;
                                float: right;
                                vertical-align: top;
                                width:1.2rem;
                                height: .4rem;
                                line-height: .39rem;
                                text-align: center;
                                font-size: .20rem;
                                color: #ff9c00;
                                border:#ff9c00 1px solid;
                                .border-radius(25px);
                                &.a2{
                                    border-color:@color;
                                    color: @color;
                                }
                                &.a3{
                                    border-color:#d8d8d8;
                                    color: #444444;
                                }
                            }
                            label{
                                vertical-align: middle;
                                float: right;
                                font-weight: normal;
                                font-size: .21rem;
                                color: #7e7e7e;
                                em{margin-right: .1rem;}
                                tt{color: #ff9c00;}
                                &.s1{
                                    em{color: #ed4b4b;}
                                }
                                &.s2{
                                     em{color: @color;}
                                }
                            }
                        }
                    }
                }
            }
            .sub-list {
                padding: 10px 0;
                border-top: #f3f3f3 1px solid;
                .p1 {
                    span{
                        font-size: .25rem;
                        padding: 0 10px 10px 0;
                    }
                    i{
                        position: absolute;
                        right: 10px;
                        font-size: .21rem;
                        padding: 0 .15rem;
                        height: .34rem;
                        text-align: center;
                        line-height: .34rem;
                        color: #7e7e7e;
                        background: white;
                        border: #dbdbdb 1px solid;
                        border-radius: 25px;
                    }
                }
                .p2{
                    position: relative;
                    padding: 5px 0;
                    i{
                        position: absolute;
                        right: 10px;
                        font-size: .21rem;
                        height: .34rem;
                        line-height: .34rem;
                        color: #7e7e7e;
                    }
                    span{
                        font-size: .25rem;
                    }
                }
            }
        }
        .tabs-point-income {
            padding: .15rem 15px;
            font-size: .25em;
            color: #2b2b2b;
        }
        // .tabs-2,.tabs-3,.tabs-4,.tabs-5{display: none;}
    }
}
.btns{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: white;
    padding: 15px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    .box-sizing();
    box-shadow: 0 0 5px #f1f1f1;
    -webkit-box-shadow: 0 0 5px #f1f1f1;
    -moz-box-shadow: 0 0 5px #f1f1f1;
    z-index: 99;
    a{
        display: block;
        text-align: center;
        width: 100%;
        height: .55rem;
        text-align: center;
        line-height: .56rem;
        color: white;
        font-size: .24rem;
        .border-radius(25px);
        &:not(:first-child){
            margin-left: 10px;
        }
        &.release{
            background: #ff9c00;
            &:hover{
                background: #dd8903;
            }
        }
        &.contact{
            background: #0ea2ec;
            &:hover{
                background: #0990d3;
            }
        }
    }
}
.btns-nofixed{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: white;
    padding: 15px;
    .box-sizing();
    box-shadow: 0 0 5px #f1f1f1;
    -webkit-box-shadow: 0 0 5px #f1f1f1;
    -moz-box-shadow: 0 0 5px #f1f1f1;
    z-index: 99;
    a{
        display: block;
        text-align: center;
        width: 100%;
        height: .55rem;
        text-align: center;
        line-height: .56rem;
        color: white;
        font-size: .24rem;
        .border-radius(25px);
        &:not(:first-child){
            margin-left: 10px;
        }
        &.release{
            background: #ff9c00;
            &:hover{
                background: #dd8903;
            }
        }
        &.contact{
            background: #0ea2ec;
            &:hover{
                background: #0990d3;
            }
        }
    }
}
.home{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    .slider-decorator-0 {bottom: 12px !important;}
    .am-carousel-wrap-dot-active > span {background: @color; margin: 0 5px;}
    .class-list{
        background: white;
        dl{
            .intro-loop(@n, @i:1) when (@i <= @n) {
                &:nth-child(@{i}) {
                        margin-top: .3rem;
                 }
                 .intro-loop(@n, (@i + 1));
             }
             .intro-loop(4);
            padding: 0 10px;
            a{display: block;}
            text-align: center;
            dt{
                img{
                    width:70%;
                    height: auto;
                }
            }
            dd{
                margin-top: .1rem;
                font-size: .2rem;
               a{
                    color: #303030;
               }
            }
        }
    }
    .new-project{
        background: white;
        margin-top: .15rem;
        .title{
            padding: .3rem 15px;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            span{
                font-size: .24rem;
                color: #222222;
                &:before{
                    content: '';
                    display: inline-block;
                    width: .13rem;
                    height: .4rem;
                    background: @color;
                    vertical-align: middle;
                    margin-top: -6px;
                    margin-right: 10px;
                    .border-radius(15px)
                }
            }
            a{
                display: block;
                width: .3rem;
                height: .3rem;
                border: #a5a5a5 1px solid;
                .border-radius(50%);
                text-align: center;
                font-family: '宋体';
                color: #999;
                font-size: .2rem;
                line-height: .3rem;
            }
        }
        .content{
            dl{
                padding: .3rem 0;
                border-top: #f3f3f3 1px solid;
                margin: 0;
                .col-xs-8{
                    padding-left: 0;
                }
                a{display: block;}
                dt{
                    img{
                        width: 100%;
                        height: auto;
                        vertical-align: top;
                    }
                }
                dd{
                   .p1 a{
                        font-size: .21rem;
                        color: #1d1d1d;
                        text-align: justify;
                        line-height: .35rem;
                    }
                    .p2{
                        font-size: .2rem;
                        margin-top: .15rem;
                        em{
                            padding: 0 .15rem;
                            height: .34rem;
                            text-align: center;
                            line-height: .34rem;
                            color: white;
                            background: #ff9c00;
                            border: #ff9c00 1px solid;
                            .border-radius(25px);
                            margin-right: 5px;
                        }
                        i{
                            padding: 0 .15rem;
                            height: .34rem;
                            text-align: center;
                            line-height: .34rem;
                            color: #7e7e7e;
                            background: white;
                            border: #dbdbdb 1px solid;
                            .border-radius(25px);
                        }
                        label{
                            font-weight: normal;
                            margin-bottom: 0;
                            margin-top: 2px;
                            float: right;
                            color: #767676;
                        }
                        .s1 em{
                            background: @color;
                            border-color:@color ;
                        }
                        .s2 em{
                            background: #bdbdbd;
                            border-color:#bdbdbd ;
                        }
                    }
                }
            }
        }
    }
}

.tidings{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    &>div.list-view-section-body>a{
        display: block;
        font-size: .24rem;
        padding: .3rem 15px;
        color: #2b2b2b;
        border-bottom: #f3f3f3 1px solid;
        .tid-list{
            overflow: hidden;
            .p1{
                display: flex;
                display: -webkit-box;
                line-height: .4rem;
                p{
                    width: 95%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    word-wrap: break-word;
                    word-break: break-all;
                    margin-bottom: 0;
                }
                i{
                    width: 8px;
                    height: 8px;
                    background: red;
                    .border-radius(50%)
                }
            }
            .p2{
                width: 100%;
                display: flex;
                display: -webkit-box;
                line-height: .4rem;
                color: #919191;
                margin-top: .15rem;
                p{
                    margin-bottom: 0;
                    width: 73%;
                    margin-right: 5px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    word-wrap: break-word;
                    word-break: break-all;
                }
            }
        }
    }
}
.tidings-details{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    padding: 0 15px;
    font-size: .22rem;
    h3{
        text-align: center;
        font-size: .28rem;
    }
    p{
        color: #2b2b2b;
        line-height: .4rem;
        text-align: justify;
    }
    .time{
        text-align: right;
        color: #919191;
    }
}
.profit{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    .pro-list{
        padding: .3rem 15px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        font-size: .24rem;
        border-bottom: #f3f3f3 1px solid;
        .pro-lt{
            width: 70%;
            line-height: .4rem;
            color: #2b2b2b;
            .s2{
                margin-top: .15rem;
                color: #919191;
            }
        }
        .pro-rt{
            color: green;
            font-size: .35rem;
        }
    }
}
.invitation{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    text-align: center;
    .sao{
       width: 3.8rem;
       height: 3.8rem;
       margin: 1rem auto;
       img{
           width: 100%;
           height: 100%;
           vertical-align: top;
       } 
    }
    button{
        width: 90%;
        height: .65rem;
        font-size: .24rem;
        background: @color;
        border: @color 1px solid;
        color: white;
        .border-radius(5px);
        &:hover{
            background: #0990d3;
        }
    }
    .share-tips {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 300px;
        color: white;
        /* z-index: 9999; */
        background: rgba(0,0,0,.7) url() no-repeat;
        background-position: 85% 2%;
    }
}


.my{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    .head{
        background: @color;
        height: 3.2rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-self: center;
        -webkit-align-items: center;
        .photo{
            text-align: center;
            font-size: .27rem;
            color: white;
            img{
                width: 1.3rem;
                height: 1.3rem;
                .border-radius(50%);
            }
        }
    }
    .mid{
        text-align: center;
        padding: .2rem 0 ;
        .row>div:not(:last-child){
            border-right: #d9d9d9 1px solid;
        }
        .p1{
            font-size: .26rem;
            color: #ff9c00;
        }
        .p2{
            font-size: .24rem;
            margin-top: .1rem;
            color: #555555;
        }
    }
    .info-list{
        .row .visibility {
            background: #f0f0f0;
            &>div{
                visibility: hidden;
            }
        }
        .col-xs-8{
            padding-left: 0;
            font-size: .22rem;
            margin-left: -.2rem;
            overflow: hidden;
        }
        .col-xs-2{
            span{font-size: .35rem;}
            padding-right:0;
            &:last-of-type span{
               color: #d5d5d5;
               text-align: right;
            }
            &:first-of-type span{
                margin-top: -1px;
                color: #b3b3b3;
            }
        }
        .info{
            padding: .25rem 0;
            &:hover{
                background: #f8f8f8;
            }
            span{
                display: block;
            }
        }
         .message,.role{
            border-bottom: #f0f0f0 1px solid;
        }
    }
    .exit-login{
        padding: .4rem 15px;
        background: #f0f0f0;
        button{
            display: block;
            width: 100%;
            font-size: .26rem;
            background: @color;
            border: @color 1px solid;
            height:.65rem;
            .border-radius(25px);
            color: white;
            &:hover{
                background: #0990d3;
            }
        }
    }
}

.role-box{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      .head{
        background: @color;
        height: 3.2rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-self: center;
        -webkit-align-items: center;
        .photo{
            text-align: center;
            font-size: .27rem;
            color: white;
            img{
                width: 1.3rem;
                height: 1.3rem;
                .border-radius(50%);
            }
        }
    }
    .mid{
        text-align: center;
        padding: .2rem 0 ;
        .row>div:not(:last-child){
            border-right: #d9d9d9 1px solid;
        }
        .p1{
            font-size: .26rem;
            color: #ff9c00;
        }
        .p2{
            font-size: .24rem;
            margin-top: .1rem;
            color: #555555;
        }
    }
    .photos{
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: .3rem 15px;
        border-bottom: #f3f3f3 1px solid;
        font-size: .22rem;
        .img{
            flex: 1;
            margin-right: .15rem;
            img{
                width: 1.3rem;
                height: 1.3rem;
                .border-radius(50%);
            }
        }
        .info{
            flex: 3;
            color: #2b2b2b;
            line-height: .4rem;
            i{
                color: #666;
            }
        }
    }
    .role-list{
        font-size: .22rem;
        &>div:not(.hr){
            padding: .3rem 15px;
            border-bottom: #f3f3f3 1px solid;
            p{
                margin-bottom: 0;
                line-height: .4rem;
            }
            & div[class*='lt']{
                text-align: right;
                margin-top: .25rem;
                button{
                    width: 1.5rem;
                    height: .45rem;
                    .border-radius(5px);
                    color: white;
                    line-height: .46rem;
                }
                &.lt-a button{
                    background: @color;
                    border: @color 1px solid;
                    &:hover{
                        background: #0990d3;
                    }
                }
                &.lt-b button{
                    background: #ff9c00;
                    border: #ff9c00 1px solid;
                    &:hover{
                        background: #dd8903;
                    }
                }
                &.lt-c button{
                    background: #5CB85C;
                    border: #5CB85C 1px solid;
                    &:hover{
                        background:#489f48;
                    }
                }
            }
        }
    }
}

.distribution{
    padding: .3rem 15px 0;
    .title{
        font-size: .24rem;
        color: #2b2b2b;
        p:after{
           content: '*';
           color: red;
           margin-left: 5px;
        }
        .soso{
            height: .75rem;
            .border-radius(5px);
            line-height: .75rem;
            overflow: hidden;
            white-space: nowrap;
            word-break: break-all;
            word-wrap: break-word;
            input {
                height: 0.55rem;
                width: 99%;
            }
        }
    }
    .soso-list{
        margin-top: .15rem;
        font-size: .24rem;
        .soso-row{
            display: flex;
            line-height: .35rem;
            padding: .3rem 0;
            border-bottom: #f3f3f3 1px solid;
            .soso-lt{
                flex: 7;
                .grade{
                    margin-top: .15rem;
                    width: 100%;
                    line-height: .35rem;
                    letter-spacing: 5px;
                    font-size: .35rem;
                    color: orange;
                }
            }
            .soso-rt{
                flex: 1;
                text-align: right;
                a{
                    display: block;
                }
            }
        }
    }
}

.form-div{
    background: #F7F5F9;
    .err-msg {
        color: red;
        font-size: 12px;
        margin-left: 15px;
    }
}


.archive{
    * {
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        *:before,
        *:after {
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
    background: white;
    margin-top: .15rem;
    .title{
        padding: .3rem 15px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        span{
            font-size: .24rem;
            color: #222222;
            &:before{
                content: '';
                display: inline-block;
                width: .13rem;
                height: .4rem;
                background: @color;
                vertical-align: middle;
                margin-top: -6px;
                margin-right: 10px;
                .border-radius(15px)
            }
        }
        a{
            display: block;
            width: .3rem;
            height: .3rem;
            border: #a5a5a5 1px solid;
            .border-radius(50%);
            text-align: center;
            font-family: '宋体';
            color: #999;
            font-size: .2rem;
            line-height: .3rem;
        }
    }
    .content{
        dl{
            padding: .3rem 0;
            border-top: #f3f3f3 1px solid;
            margin: 0;
            .col-xs-8{
                padding-left: 0;
            }
            a{display: block;}
            dt{
                img{
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }
            }
            dd{
                .p1 a{
                    font-size: .21rem;
                    color: #1d1d1d;
                    text-align: justify;
                    line-height: .35rem;
                }
                .p2{
                    font-size: .2rem;
                    margin-top: .15rem;
                    em{
                        padding: 0 .15rem;
                        height: .34rem;
                        text-align: center;
                        line-height: .34rem;
                        color: white;
                        background: #ff9c00;
                        border: #ff9c00 1px solid;
                        .border-radius(25px);
                        margin-right: 5px;
                    }
                    i{
                        padding: 0 .15rem;
                        height: .34rem;
                        text-align: center;
                        line-height: .34rem;
                        color: #7e7e7e;
                        background: white;
                        border: #dbdbdb 1px solid;
                        .border-radius(25px);
                    }
                    label{
                        font-weight: normal;
                        margin-bottom: 0;
                        margin-top: 2px;
                        float: right;
                        color: #767676;
                    }
                    .s1 em{
                        background: @color;
                        border-color:@color ;
                    }
                    .s2 em{
                        background: #bdbdbd;
                        border-color:#bdbdbd ;
                    }
                }
            }
        }
    }
}

.fuck{
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      font-size: 14px
}

.am-pull-to-refresh-indicator{font-size: 14px}

.no-permission {
    padding: .35rem 0 .02rem;
    font-size: 14px;
    text-align: center;
}

.milestone {
    .con {
        display: flex;
        justify-content: space-around;
        padding: 10px 6px;
        border-bottom: 1px #f0f0f0 solid;
        .info {
            width: 60%;
        }
        .btn {
            width: 40%;
            text-align: right;
        }
    }
}
// 搜索
.search {
    .result-wrap {
        * {
            box-sizing: border-box;
          }
          *:before,
          *:after {
            box-sizing: border-box;
          }
          margin-bottom: 75px;
          .soso-row{
            display: flex;
            line-height: .35rem;
            padding: .3rem 0;
            border-bottom: #f3f3f3 1px solid;
            .soso-lt{
                flex: 7;
                .grade{
                    margin-top: .5rem;
                    width: 100%;
                    line-height: .35rem;
                    letter-spacing: 5px;
                    font-size: .35rem;
                    color: orange;
                }
            }
            .soso-rt{
                flex: 1;
                text-align: right;
                a{
                    display: block;
                }
            }
        }
        dl{
            padding: .3rem 0;
            border-top: #f3f3f3 1px solid;
            margin: 0;
            .col-xs-8{
                padding-left: 0;
            }
            a{display: block;}
            dt{
                img{
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }
            }
            dd{
               .p1{
                    font-size: .21rem;
                    color: #1d1d1d;
                    text-align: justify;
                    line-height: .35rem;
                    span,i{
                        max-width: 1.5rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    i{
                        display: inline-block;
                        float: right;
                    }
                }
                .p2{
                    font-size: .2rem;
                    margin-top: .15rem;
                    em{
                        padding: 0 .15rem;
                        height: .34rem;
                        text-align: center;
                        line-height: .34rem;
                        color: white;
                        background: #ff9c00;
                        border: #ff9c00 1px solid;
                        .border-radius(25px);
                        margin-right: 5px;
                    }
                    i{
                        padding: 0 .15rem;
                        height: .34rem;
                        text-align: center;
                        line-height: .34rem;
                        color: #7e7e7e;
                        background: white;
                        border: #dbdbdb 1px solid;
                        .border-radius(25px);
                    }
                    label{
                        font-weight: normal;
                        margin-bottom: 0;
                        margin-top: 2px;
                        float: right;
                        color: #767676;
                    }
                    .s1 em{
                        background: @color;
                        border-color:@color ;
                    }
                    .s2 em{
                        background: #bdbdbd;
                        border-color:#bdbdbd ;
                    }
                }
            }
        }
    }
}
// 我分配的
.assigned {
    .am-list-item img {
        width: 56px !important;
        height: 56px !important;
    }
}

.am-image-picker-list {
    padding-bottom: 6px !important;
}